* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  background-color: #8b1700;
}

.newsBox {
  width: 650px;
  height: 690px;
  background-image: url(../images/news-back.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 11px 6px #fb926f;
  -moz-box-shadow: 5px 5px 11px 6px #fb926f;
  box-shadow: 5px 5px 11px 6px #fb926f;
  font-family: 楷体;
}
.newsBox > h1 {
  text-align: center;
  color: #8b1700;
}
.newsBox > hr {
  margin: 0 auto;
  width: 50%;
  background-color: #8b1700;
}

.newsBox li {
  list-style: none;
  margin: 10px auto;
}

.newsBox a,
span {
  text-decoration: none;
  color: rgb(138, 35, 35);
}

.newsBox span {
  font-size: 30px;
  font-family: 楷体;
  font-weight: bold;
}

.newsBox > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.close,
.shop {
  cursor: pointer;
}
.close > img {
  position: absolute;
  bottom: 10px;
  right: 30px;
}
.close > span {
  color: #f5e7cd;
  position: absolute;
  bottom: 76px;
  right: 44px;
}
.shop > img {
  position: absolute;
  bottom: 140px;
  right: 30px;
}
.shop > span {
  color: #f5e7cd;
  position: absolute;
  bottom: 198px;
  right: 29px;
  font-family: 楷体;
}
